<template>
    <div class="Father">
        <h1>父组件</h1>
        <p>a:{{ a }}</p>
        <!-- 没用到的参数往下传给孙组件 -->
        <GrandSon v-bind="$attrs"/>
    </div>
    </template>
    
    <script lang="ts">
    export default {
    name:'Father'
    }
    </script>
    
    <script setup lang="ts">
    import GrandSon from './GrandSon.vue';
    // 只拿一个A
    defineProps(['a'])

    
    
    </script>
    
    <style lang="css">
    .Father{
        height: 400px;
        width: 500px;
        background-color:aqua;
    }
    </style>